<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Angular</title>
    <link rel="stylesheet"href="css/angular.css">
</head>
<hr>
<div class="part1">
    <a class="angular">
        ANGULAR
    </a>
    <div class="menu">
        <ul>
            <li><a>FEATURES</a></li>
            <li><a>DOCS</a></li>
            <li><a>RESOURCES</a></li>
            <li><a>EVENTS</a></li>
            <li><a>BLOG</a></li>
        </ul>
    </div>
    <div class="menu-right">
        Search
    </div>
</div>
<div class="part2">
    <div class="A-left">
        <div class="A">
            A
        </div>
    </div>
    <div class="A-right">
        <div class="A-up">
            <div class="wenzi1">
                One framework
            </div>
            <div class="wenzi2">
                Mobile & desktop
            </div>
        </div>
        <div class="A-down">
            <a>GET STARTED</a>
        </div>
    </div>
</div>
<div class="part3">
    <div class="p-a">
        ANGULAR
    </div>
    <div class="p-b">
        Join us at our newest event, October 2017
    </div>
    <div class="p-c">
        LEARN MORE
    </div>
</div>
<div class="egg">
    <div class="egg-left">
        <img src="3.png" width="300px" height="180px">
    </div>
    <div class="egg-right">
        <div class="egg-up">
            DEVELOP ACROSS ALL PLATFORMS
        </div>
        <div class="egg-down">
            <p>Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.</p>
        </div>
    </div>
</div>
<hr>
<div class="egg">
    <div class="egg-left">
        <img src="4.png" width="300px" height="180px">
    </div>
    <div class="egg-right">
        <div class="egg-up">
            SPEED & PERFORMANCE
        </div>
        <div class="egg-down">
            <p>Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering.</p>
            <p>Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model.</p>
        </div>
    </div>
</div>
<hr>
<div class="egg1">
    <div class="egg-left1">
        <img src="5.png" width="400px" height="240px">
    </div>
    <div class="egg-right1">
        <div class="egg-up1">
            INCREDIBLE TOOLING
        </div>
        <div class="egg-down1">
            <p>Build features quickly with simple, declarative templates. Extend the template language with your own components
                and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE
                and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.</p>
        </div>
    </div>
</div>
<hr>
<div class="egg1">
    <div class="egg-left1">
        <img src="6.png" width="400px" height="240px">
    </div>
    <div class="egg-right1">
        <div class="egg-up1">
            LOVED BY MILLIONS
        </div>
        <div class="egg-down1">
            <p>From prototype through global deployment, Angular delivers the productivity and scalable infrastructure
                that supports Google's largest applications.</p>
        </div>
    </div>
</div>
<div class="part4">
    <div class="part4-up">
        GET STARTED
    </div>
    <div class="part4-down">
        <br>Started building your</br>
        Angular application
    </div>
</div>
<div class="final">
    <div class="zuihou1">
        <h3>RESOURCES</h3>
        <ul>
            <li>About</li>
            <li>Resources Listing</li>
            <li>Press Kit</li>
            <li>Blog</li>
        </ul>
    </div>
    <div class="zuihou1">
        <h3>HELP</h3>
        <ul>
            <li>Stack Overflow</li>
            <li>Gitter</li>
            <li>Report Issues</li>
            <li>Code of Conduct</li>
        </ul>
    </div>
    <div class="zuihou1">
        <h3>COMMUNITY</h3>
        <ul>
            <li>Events</li>
            <li>Meetups</li>
            <li>Twitter</li>
            <li>GitHub</li>
            <li>Contribute</li>
        </ul>
    </div>
    <div class="zuihou1">
        <h3>LANGUAGES</h3>
        <ul>
            <li>LANGUAGES</li>
            <li>中文版</li>
        </ul>
    </div>
    <div class="shuoming1">
        Powered by Google ©2010-2017. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
    </div>
    <div class="shuoming2">
        Version 4.2.7-build.32713+sha.37a44f2
    </div>
</div>
</body>
</html>